﻿/*
[Contents]

    0- Global
    1- Header
    2- Headline
    3- Main Container
    4- Main
    5- Sidebar
    6- Footer
*/

/* =0 Global
---------------------------------------------------------------------------------------------------------------------*/

/* =1 Header
---------------------------------------------------------------------------------------------------------------------*/
.foodOrdering-mainBody .header
{
    width: 1000px;
    margin: 0 auto;
    height: 77px; /*  background-color:#E3ECF0;*/
    background: url(images/content_bg.png);
}

/* LOGO */
.logo
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 24px;
}
.logo a
{
    color: #555;
    text-decoration: none;
}

/* Quicklink */
.quicklink li
{
    float: left;
}
/* Table */
.table
{
    margin: 15px 0;
}
.table ul
{
    clear: both;
}
.table ul li
{
    float: left;
    padding: 5px 0;
    width: 187px;
}
/* Menu */
.menu li
{
    float: left;
}
.menu a
{
    color: #FFFFFF;
    display: block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    line-height: 34px;
    padding: 0 9px;
    background-color: #9ACCB3;
    margin-right: 5px;
    margin-top: 1px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}
.menu a:hover
{
    text-decoration: none;
    background-color: #1EA680;
}
.menu li.current a
{
    background-color: #1EA680;
    border: 1px solid #1EA680;
    border-bottom: 0 none;
    font-weight: bold;
    color: #555;
    line-height: 33px; /* Do rounding */
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin-top: 0px;
    padding-bottom: 1px;
}

/* =2 Headline
---------------------------------------------------------------------------------------------------------------------*/
.foodOrdering-mainBody .headline
{
    background-color: #FFFFFF;
    width: 1000px;
    margin-top: 20px;
}
.foodOrdering-mainBody .headline h2
{
    color: #555;
    float: left;
    padding: 0 0 10px 10px;
}
.search
{
    float: right;
    margin: 15px;
}
.search .watermark
{
    float: left;
    margin-right: 5px;
}
.search button
{
    margin-top: 1px;
}

.search a, .delete
{
    background-image: url("/Styles/images/icons/cross.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    text-indent: -5000px;
    width: 16px;
    margin-left: 5px;
}

.search span
{
    color: #21759B;
    font-weight: bold;
}

.search .dvUserPanel
{
    float: left;
    margin: 0 20px;
}

.search .dvUserPanel a:hover, .delete:hover
{
    cursor: pointer;
}

/* =3 Main Container
---------------------------------------------------------------------------------------------------------------------*/

/* =4 Main
---------------------------------------------------------------------------------------------------------------------*/
/* Title */
.foodOrdering-mainBody .main > .title
{
    border-bottom: 1px solid #CCC;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

/* Block */
.foodOrdering-mainBody .main .block
{
    border-bottom: 1px dashed #CCC;
    overflow: hidden;
    padding-bottom: 8px;
}
.foodOrdering-mainBody .main .block .title
{
    color: #444;
    margin-bottom: 5px;
}
.foodOrdering-mainBody .main .block h3.title
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 20px;
}
.foodOrdering-mainBody .main .block h4.title
{
    font-size: 14px;
    font-weight: bold;
}
.foodOrdering-mainBody .main .block h4 span.title
{
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

#main .block h4 span.comment
{
    font-size: 12px;
    color: #999;
}
.foodOrdering-mainBody .main .block .date
{
    color: #999;
    display: block;
    margin-bottom: 2px;
}
.foodOrdering-mainBody .main .block a.comment
{
    color: #999;
    float: right;
}
.foodOrdering-mainBody .main .block .highlight
{
    background-color: #FFFF96;
}

.foodOrdering-mainBody .main .block span
{
    color: #AAA;
}

/* Pagination */
.pagination
{
    font-size: 10px;
}
.pagination a
{
    border: 1px solid #CCC;
    display: inline-block;
    padding: 1px 4px;
}
.pagination a:hover
{
    border-color: #999;
    text-decoration: none;
}
.pagination .current
{
    background: #328AB2;
    border: 1px solid #328AB2;
    color: #FFF;
    cursor: default;
    display: inline-block;
    font-weight: bold;
    padding: 1px 4px;
}
.pagination .pagenavigation a
{
    border: 0 none;
}
.pagination .disabled
{
    display: none;
}

/* Comment */
.comment
{
    padding: 10px;
}
.comment .title
{
    font-weight: bold;
    margin-bottom: 10px;
}
.comment li
{
    background: #FBFBFB;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    padding: 10px;
}
.comment strong
{
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.comment .info
{
    color: #999;
    display: block;
    margin-bottom: 5px;
}

/* =5 Sidebar
---------------------------------------------------------------------------------------------------------------------*/
/* Block */
.foodOrdering-mainBody .sidebar .block .title
{
    /*  border-bottom: 1px solid #CCC;*/
    color: #666;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
    padding-bottom: 2px;
    text-transform: uppercase;
}
.foodOrdering-mainBody .sidebar .block .title a
{
    color: #333;
}
.foodOrdering-mainBody .sidebar .block .list li
{
    /*border-bottom: 1px solid #EEE;*/
    font-size: 12px;
    padding: 5px 0;
}

/* =6 Footer
---------------------------------------------------------------------------------------------------------------------*/
.foodOrdering-mainBody .footer
{
    color: white;
    font-size: 12px;
    background: #9BCBB3;
    width: 1000px;
    margin: 0 auto;
}
.foodOrdering-mainBody .footer a
{
    color: white;
    text-decoration: underline;
}

.table-container
{
    margin-top: 20px;
}

.table-container table
{
    /*  border: 1px solid #CCC;*/
    clear: both;
    width: 100%;
}
.table-container caption
{
    font-size: 14px;
    font-weight: bold;
}

/* Table Head */
.table-container th
{
    background: #CACACA; /*  border: 1px solid #CCC;*/
    font-weight: bold;
    padding: 5px;
    white-space: nowrap;
}
.table-container th select
{
    font-weight: normal;
}

/* Optinal Selector */
.table-container th.optional-selector
{
    background: #EEE url(images/arrow.png) no-repeat 23px center;
    border: 1px solid #CCC;
    cursor: pointer;
    padding: 0;
}
.table-container th.optional-selector div
{
    position: relative;
    padding: 5px 15px 5px 5px;
}
.table-container th.optional-selector ul
{
    background: #FFF;
    border: 1px solid #CCC;
    cursor: default;
    left: 0;
    padding: 10px 0;
    position: absolute;
    top: 24px;
}
.table-container th.optional-selector a
{
    color: #000;
    display: block;
    font-weight: normal;
    padding: 2px 5px;
    white-space: nowrap;
}

/* Th Width */
.table-container th.action
{
    text-align: center;
    width: 30px;
}
.table-container th.checkbox
{
    width: 13px;
}
.table-container th.common
{
    width: 130px;
}
.table-container th.date
{
    width: 90px;
}
.table-container th.id
{
    width: 20px;
}
.table-container th select
{
    font-weight: normal;
}
.table-container th.size
{
    width: 80px;
}
.table-container th.status
{
    width: 140px;
}
.table-container th.type
{
    width: 40px;
}
.table-container th.value
{
    width: 50%;
}

/* Table Foot */
.table-container tfoot td
{
    background: #EDEDED;
    padding: 3px 5px;
}

/* Table Body */
.table-container tbody td
{
    border-bottom: 1px solid #DDD;
    line-height: 16px;
    padding: 5px;
    word-break: break-all;
    word-wrap: break-word;
}
.table-container tbody tr.even td
{
    background: #F6F6F6;
}
.table-container tbody tr:hover td
{
    background-color: #FCF5DD;
}
.table-container tbody td.action
{
    text-align: center;
    width: 20px;
}
.table-container tbody td a
{
    float: left;
    margin-right: 3px;
}
.table-container tbody td.action a
{
    float: none;
    margin: 0;
}
.table-container tbody td.type, .table-container tbody td.date, .table-container tbody td.size
{
    color: #666;
}
.table-container tbody input[type="checkbox"]
{
    margin-top: 3px;
}
.table-container tbody strong
{
    font-weight: bold;
}

.statistics dl dt
{
    float: left;
    width: 120px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
.statistics dl dd
{
    float: left;
    clear: none;
    width: 70px;
    margin: 0px;
    padding: 0px;
    border-right: 1px solid #DDDDDD;
    color: #21759B;
}

.statistics #miss
{
    font-size: 14px;
    font-weight: bold;
}
.statistics dl
{
    width: 200px;
    float: left;
    line-height: 1.5em;
    position: relative;
    margin-bottom: 10px;
    padding: 0px;
    font-size: 14px;
}

.statistics ul
{
    overflow: hidden;
}
.statistics ul li
{
    float: left;
    padding: 5px 0;
    width: 80px;
    color: #880000;
}
.foodOrdering-mainBody .dvNotice
{
    line-height: 1.5em;
    font-size: 14px;
    left: 0;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 12px;
    position: relative;
    top: 0;
    overflow: hidden;
    width: 780px;
    min-height: 50px;
    background: url(images/nt.png);
}
.foodOrdering-mainBody .dvNotice div
{
    background-color: #FFF6ED !important;
    background: url(images/nt.png) !important;
}

.foodOrdering-mainBody .dvNotice .edit
{
    background-image: url("/Styles/images/icons/edit.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    text-indent: -5000px;
    width: 16px;
    float: right;
}

p.buttons
{
    border-radius: 5px 5px 5px 5px;
    margin: 0;
    overflow: hidden;
    padding: 10px;
}
